
</section>
</div>
</body>
</html>
<script>
    $(function() {
        var n=0;
        $('#bk img').hover(function(){
            window.clearInterval(time);
            $(this).stop().animate({width:'3rem'},500)
                    .siblings().stop().animate({width:'1.499rem'},500);
        },function(){
            //$(this).stop().animate({width:150},500);
            n = $(this).index();
            console.log(n);
            time = setInterval(changeImg, 1000);

        });

        function changeImg(){
            if (n>4) {
                n=0;
            }
            $('#bk img').eq(n).stop().animate({width:'3rem'},500)
                    .siblings().stop().animate({width:'1.499rem'},500);
            n++;
            console.log(n);
        }
        var time = setInterval(changeImg, 1000);
    });
</script>